<template>
  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="homepage"></Secondnav>
    </div>
    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist">
          <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>发货物流</legend>
            </fieldset>
          </div>

          <div class="layui-card-body cardbody">
            <div class="layui-card-body">
              <table class="layui-table" style="text-align:center;">
                <thead>
                  <tr>
                    <th>物流公司</th>
                    <th>状态</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>申通快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                  <tr>
                    <td>顺丰快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                  <tr>
                    <td>申通快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                  <tr>
                    <td>圆通快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                  <tr>
                    <td>中通快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                  <tr>
                    <td>百世快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>

                  <tr>
                    <td>韵达快递</td>
                    <td>
                      <div class="layui-form" lay-filter="">
                        <div class="layui-form-item" pane="">
                          <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                        </div>
                      </div>
                    </td>

                  </tr>
                </tbody>
              </table>
            </div>
            <div id="demo"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import Pagetop from "../common/pagetop.vue";
import Secondnav from "../common/secondnav.vue";
export default {
  name: "fhset",
  components: { Pagetop, Secondnav },
  data () {
    return {

    };
  },
  mounted () {
    layui.use(['laypage', 'layer'], function () {
      var laypage = layui.laypage
        , layer = layui.layer;
      laypage.render({
        elem: 'demo'
        , count: 10
        , layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
        , jump: function (obj) {
          console.log(obj)
        }
      });
    })
  },
  methods: {
    updated: function () {
      layui.use("form", function () {
        var form = layui.form;
        form.render();
      })
    }
  },
};
</script>
<style scoped>
.layui-table th {
  text-align: center;
}
.layui-table td {
  line-height: 35px;
}
.layui-form-switch {
  width: 60px;
}

/*二级导航*/
</style>